<?php echo $this->partial('header.phtml', array('urlbase' => $this->urlbase)); ?>  

<!-- Main -->
<div class="wrapper style1">
    <div class="container">
        <article id="main" class="special">
            <header>
                <h2>Agendar Horário</h2>
            </header>
            <p>

            </p>
            <div class="row 150%">
                <div class="6u">

                    <!-- Contact Form -->
                    <section>
                        <form id="form" method="post" action="#">
                            <div class="row 50%">
                                <div class="6u">
                                    <input type="text" name="nome" id="contact-name" placeholder="Nome" required="">
                                </div>
                                <div class="6u">
                                    <input type="text" name="telefone" id="contact-email" class="telefone" placeholder="Telefone" required="">
                                </div>
                            </div>
                            <div class="row 50%">
                                <div class="12u">
                                    <select name="servico" id="contact-servico" placeholder="Serviço" required="">
                                        <option value="">Selecione um serviço</option>
                                    <?php foreach($this->servicos as $ser){ ?>
                                        <option value="<?php echo $ser['SER_ID']; ?>"><?php echo $ser['SER_NOM']; ?></option>
                                    <?php } ?>
                                    </select>
                                </div>
                            </div>
                            <div class="row 50%">
                                <div class="6u">
                                    <input type="text" name="data" id="contact-data" class="data" placeholder="Data" required="">
                                </div>
                                <div class="6u">
                                    <input type="text" name="hora" id="contact-hora" class="hora" placeholder="Hora" required="">
                                </div>
                            </div>
                            <div class="row 50%">
                                <div class="12u">
                                    <textarea name="mensagem" id="contact-message" placeholder="Mensagem" rows="4"></textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="12u">
                                    <ul class="actions">
                                        <li><input type="submit" class="style1" value="Agendar"></li>
                                        <li><input type="reset" class="style2" value="Limpar"></li>
                                    </ul>
                                </div>
                            </div>
                        </form>
                    </section>

                </div>
                <div class="6u">
                    <?php echo $this->partial('dados_contato.phtml', array('urlbase' => $this->urlbase)); ?>
                </div>
            </div>
            <div class="row">
                <div class="12u">
                    <h3 class="icon fa-map-marker"> Localização</h3>
                    <div id="mapa"></div>
                </div>    
            </div>    
        </article>        
    </div>
</div>

<?php echo $this->partial('footer.phtml', array('urlbase' => $this->urlbase)); ?>